

        /*
        Template by Lezhawer
        */

        /*
        |--------------------------------------------------------------------------
        | UItoTop jQuery Plugin 1.1
        | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
        |--------------------------------------------------------------------------
        */

        #toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/images/ui.totop.png') no-repeat left top;
        }

        #toTopHover {
	background:url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/images/ui.totop.png') no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
        }

        #toTop:active, #toTop:focus {
	outline:none;
        }




        /*******************************************************************************
 *  Name: style.css
 *  Author: lezhawer
 *  Web: http://lezhawer.blogspot.com
 *
 *  Description: stylesheet for my Lezhawer blog
 *
 *******************************************************************************
 *
 *  MENU:
 *        00. Libraries                 ->
 *        01. Basic Elements            ->
 *        02. Text                      ->
 *        03. Layout Structure          ->
 *          - 03.01 Header              ->
 *          - 03.02 Nav                 ->
 *          - 03.03 Wrapper             ->
 *          	- 03.03.01 Section      ->
 *          	- 03.03.02 Aside        ->
 *          - 03.04 Footer              ->
 *        04. Wordpress                 ->
*/

/* -- 00. Import Lybraries -- */
/*@import url(reset.css);
@import url(960gs.css);*/

/* COLORS:
color: #FC575E; // vimeo red
color: #B0D730; // vimeo green
color: #2D88A7; // my blue
*/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/fonts/League_Gothic-webfont.eot');
    src: url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/fonts/League_Gothic-webfont.woff') format('woff'),
        url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/fonts/League_Gothic-webfont.ttf') format('truetype'),
        url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

body {
    display: block;
    /*	background: #EAEAEA;*/
    background: #D3D3D3 url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/images/background.jpg');
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -1.5px;
    color: #444;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    font-family: LeagueGothicRegular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
}

/************** HEADER *****************/

#header-wrapper {
    height: 240px;
    margin: auto;
    /*border-bottom: 1px dashed #111111;*/
}

#header-main {
    /*	padding: 5px 0;*/
    /*margin-bottom: 8px;*/
    /*font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    height: 240px;
    width: 960px;
    margin: auto;
    font-size: 24px;
    line-height: 28px;
    padding: 0px 0px;
}

#header-top {
    /*    background: #141414;*/
    background: #363636 url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/images/head_bg.png') repeat-x;
    height: 40px;
    margin: 0;
    padding: 0;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -1.5px;
    color: #444;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    font-family: LeagueGothicRegular, "Helvetica Neue", Helvetica, Arial, Sans-serif;

    /*border-bottom: 1px dashed #111111;*/
}

#header-top span {
    text-shadow: 0 2px 3px rgba(255,255,255,0.8);
}

#header-center {
    background: url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/images/header_bg.png');
    height: 170px;
    font-size: 40px;
    line-height: 140px;
    letter-spacing: -1.5px;
    color: #444;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    font-family: LeagueGothicRegular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
    /*border-bottom: 1px dashed #111111;*/
}

#header-center span {
    color: #2D88A7;
}

#header-center #title {
    /*text-shadow: 2px 2px 0px rgba(255,255,255,0.8), -2px -2px 0px rgba(255,255,255,0.8);*/
    text-shadow: 2px 2px 0px #EEE, 4px 4px 0px #707070;
}

#header-footer {
    background: url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/images/striped_text.png');
    height: 30px;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -1.5px;
    color: #444;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    font-family: LeagueGothicRegular, "Helvetica Neue", Helvetica, Arial, Sans-serif;
    -moz-box-shadow: 0px 2px 0px #888;
    -webkit-box-shadow: 0px 2px 0px #888;
    box-shadow: 0px -2px 0px #888;
    /*border-bottom: 1px dashed #111111;*/
}

#logo {
    background: url('images/my_logo_40.png');
    right: 460px;
    width: 40px;
    height: 40px;
    float: right;
    position: relative;
    z-index: 3;
}

/************** MAIN *****************/
section#main-wrapper {
    min-height: 900px;
    border-bottom: 10px dashed #141414;
    width: 960px;
    margin: 10px auto 0px auto;
    padding:0;
    color:#666666;
    overflow: hidden;
}


a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #2D88A7;
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}


/************** CONTENT *****************/
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}


article {

    width: 620px;  
    padding-right: 22px; 
}

aside {
    display: inline;
    width: 300px;
}

/***** NAVIGATION *****/
#top {
    background: url("../images/header2.png") repeat scroll 0 0 transparent;
    height: 250px;
    margin: 0 auto;
    width: 940px;
}

nav#top_menu {
    display: block;

    left: 20px;  
    width: 100%; 
}
nav#top_menu ul {
    float: left;
    left: 30px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    height: 40px;
    list-style: none;
}
nav#top_menu ul li {
    display: inline;
    margin-right: 20px;
}
nav#top_menu ul li a {
    color: #CCCCCC;
    font-size: 24px;
    font-weight: normal;
}
nav#top_menu ul li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/************** POSTS *****************/
.post {
    margin:0;
    padding:10px;
    line-height: 14pt;
}
.post h1{
    font-weight: bold;	
}
.post h2{
    font:normal 15pt Trebuchet MS;
    font-weight: bold;	
}
.post h3{
    font-weight: bold;	
}
.post h4{
    font-weight: bold;	
}
.post h5{
    font-weight: bold;	
}
.post h6{
    font-weight: bold;	
}

.post h2 a{
    text-decoration: none;
}

.post h2 a:hover{
    text-decoration: none;
}

.post ul {}

.post li {margin:0 0 0 40px;}
.jump-link {
    /*background: transparent url('http://1.bp.blogspot.com/_0vKyxg80gxY/SwbsgrsGFrI/AAAAAAAAA7A/P5z2HY_VLz4/s1600/readmore.png') no-repeat; */
    float: right;
    clear: both;
    padding: 5px 10px 0px 10px; 
    margin: 5px 10px 5px 0;
    height: 23px;
    width: 204px;
}
.post-body {margin:12px 0 0 0;
            font-family: 'CopseRegular',Georgia,Serif;
            letter-spacing: normal;

            text-transform: none;
}

.post-header {color: #FF8C6B;}

.post-title {
    /*background: #FF8C6B url('images/post_header.png');*/
    height: 20px;
    text-transform: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 -1px inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 -1px inset;
    -o-box-shadow: rgba(255, 255, 255, 0.8) 0px -1px inset;
    box-shadow: rgba(255, 255, 255, 0.8) 0px -1px inset;
}

.post-footer {
    clear: both;
    padding:6px;
    margin: 10px 0 20px 0;
    color: #eee;
    border-bottom: 1px dashed #4b4a4a;
    color: #eee;
}
.post-footer a{
    color: #7DB398;
}

/************** SEARCHBOX *****************/
#searchwrapper {
    height: 40px;
    float: right;

}

#searchbox
{
    background: url('http://lezhawer-blog.googlecode.com/svn/trunk/webproject/images/striped_text.png');
    /*        background: #CCC;*/
    /*        background: #eaf8fc;
            background-image: -moz-linear-gradient(#fff, #d4e8ec);
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));*/

    /*-moz-border-radius: 5px;
    border-radius: 5px;

    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;*/
    float: left;
    width: 300px;
    height: 25px;
    padding: 8px 10px 2px 10px;
    /*        margin: 100px auto 50px;*/
    overflow: hidden; /* Clear floats */
    /*	box-shadow: 2px 2px 0px rgba(255, 255, 255, 1), 4px 4px 0 rgba(40, 40, 40, 1);*/
}

#search, #submit
{
    float: left;
}

#search
{
    padding: 5px 9px;
    height: 13px;
    width: 180px;
    border: 1px solid #a4c3ca;
    font: normal 13px 'trebuchet MS', arial, helvetica;
    background: #f1f1f1;

    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
}

/* ----------------------- */

#submit
{
    background: #6cbb6b;
    background-image: -moz-linear-gradient(#888888, #444444);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #444444),color-stop(1, #888888));

    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;

    border-width: 1px;
    border-style: solid;
    border-color: #7eba7c #578e57 #447d43;

    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;                

    height: 25px;
    margin: 0 0 0 2px;
    padding: 0;
    width: 90px;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
    font-size: 14px;
    font-weight: bold;
    /*        color: #23441e;*/

    color: white;

    text-shadow: 0 1px 0 rgba(0,0,0,0.8);
}

#submit:hover
{
    background: #95d788;
    background-image: -moz-linear-gradient(#6cbb6b, #95d788);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #95d788),color-stop(1, #6cbb6b));
}       

#submit:active
{
    background: #95d788;
    outline: none;

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

#submit::-moz-focus-inner
{
    border: 0;  /* Small centering fix for Firefox */
}

#search::-webkit-input-placeholder {
    color: #9c9c9c;
    font-style: italic;
}

#search:-moz-placeholder {
    color: #9c9c9c;
    font-style: italic;
}



/*****   HTML5  fallback  *****/

header, section, footer,
aside, nav, article, figure {
    display: block;
}

/************** FOOTER *****************/
#footer-wrapper {
    background: #141414;
    clear: both;
    width: 100%;
    height: 200px;
}

#footer-main {
    width: 960px;
    margin: auto;
}

/************** CSS FRAMEWORK *****************/

body{min-width:960px}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}
.container_12 .grid_3,.container_16 .grid_4{width:220px}
.container_12 .grid_6,.container_16 .grid_8{width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:700px}
.container_12 .grid_12,.container_16 .grid_16{width:940px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}
.container_12 .push_3,.container_16 .push_4{left:240px}
.container_12 .push_6,.container_16 .push_8{left:480px}
.container_12 .push_9,.container_16 .push_12{left:720px}
.container_12 .push_1{left:80px}
.container_12 .push_2{left:160px}
.container_12 .push_4{left:320px}
.container_12 .push_5{left:400px}
.container_12 .push_7{left:560px}
.container_12 .push_8{left:640px}
.container_12 .push_10{left:800px}
.container_12 .push_11{left:880px}
.container_16 .push_1{left:60px}
.container_16 .push_2{left:120px}
.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}
.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}
.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}
.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}
.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}
.container_12 .pull_3,.container_16 .pull_4{left:-240px}
.container_12 .pull_6,.container_16 .pull_8{left:-480px}
.container_12 .pull_9,.container_16 .pull_12{left:-720px}
.container_12 .pull_1{left:-80px}
.container_12 .pull_2{left:-160px}
.container_12 .pull_4{left:-320px}
.container_12 .pull_5{left:-400px}
.container_12 .pull_7{left:-560px}
.container_12 .pull_8{left:-640px}
.container_12 .pull_10{left:-800px}
.container_12 .pull_11{left:-880px}
.container_16 .pull_1{left:-60px}
.container_16 .pull_2{left:-120px}
.container_16 .pull_3{left:-180px}
.container_16 .pull_5{left:-300px}
.container_16 .pull_6{left:-360px}
.container_16 .pull_7{left:-420px}
.container_16 .pull_9{left:-540px}
.container_16 .pull_10{left:-600px}
.container_16 .pull_11{left:-660px}
.container_16 .pull_13{left:-780px}
.container_16 .pull_14{left:-840px}
.container_16 .pull_15{left:-900px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}

/*** text.css ***/
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
pre,code{font-family:'DejaVu Sans Mono',Monaco,Consolas,monospace}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}

/*** reset.css ***/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}
html,body{height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
b,strong{font-weight:bold}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}
table{border-collapse:collapse;border-spacing:0}
th,td,caption{font-weight:normal;vertical-align:top;text-align:left}
q{quotes:none}
q:before,q:after{content:'';content:none}
sub,sup,small{font-size:75%}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
svg{overflow:hidden}








        
     